import {useEffect} from 'react'
// import {useLocation,useNavigate,Outlet} from 'react-router-dom'
// import axios from 'axios'

// import { Select ,Flex ,Button, Table,Space} from 'antd';
import type { TableColumnsType } from 'antd';
interface DataType {
    key:string,
    
  }
let premain = {
    width:'100%',
    height:'100%',
    borderRadius: 6,
    border:'1px solid orange',
}
let awgtit = {
    width:'100%',
    height:'40px',
    borderRadius: 6,
    border:'1px solid blue',
}
let prebott = {
    width:'100%',
    height:'400px',
    borderRadius: 6,
    border:'1px solid blue',
}
let premid = {
    width:'100%',
    height:'40px',
    borderRadius: 6,
    border:'1px solid blue',
}




  
  const data: DataType[] = [

  ];
  

export default function Online(){//远程会诊
    const columns: TableColumnsType<DataType> = [
        {
          title: '序号',
          dataIndex: 'key',
        },
        {
          title: '会诊医院',
          dataIndex:'medicine',
        },
        {
          title: '会诊主题',
          dataIndex: 'drug',
        },
        {
            title: '会诊目的',
            dataIndex: 'specification',
        },
        {
            title: '会诊方式',
            dataIndex: 'metering',
        },
        {
            title: '状态',
            dataIndex: 'numberOfTimes',
        },
        {
            title: '申请时间',
            dataIndex: 'dayTime',
        },
        {
            title: '操作',
            dataIndex: 'jian',
        },
      ];

    const handleChange = (value: string) => {
        console.log(`selected ${value}`);
    };
    let btn = (code:any)=>{
        alert(code)
    }
    const btnadddrug = () => {
        // setIsModalOpen(true);
    };


    useEffect(()=>{

    },[])

    return (
        <>
            <Flex wrap vertical  justify='flex-start' align='center' style={premain}>
                <Flex justify='space-around' align='center' style={awgtit}>患者会诊列表</Flex>
                <Flex justify='flex-start' align='center' style={premid}>
                    <Button type="primary">新增会诊</Button>
                </Flex>
                <Flex wrap vertical justify='flex-start' align='center' style={prebott}>
                    <Table<DataType> scroll={{ y:300}}  columns={columns} dataSource={data} pagination={false} size="middle" />
                </Flex>

            </Flex>

        </>
    )
}



